#menue_links,
#menue_links::before {
    background-color: #444444 !important; /* Hier Hintergrundfarbe anpassen */
}

/* 2. Allgemeine Textfarbe im Menü */
#menue .menue_block_kopf, 
#menue a {
    color: #ffffff !important; /* Hier Textfarbe anpassen */
}

/* 3. Hervorhebungsfarbe bei Mouseover (Hover) */
#menue a:hover,
#menue .menue_block_kopf:hover {
    color: #00999f !important; /* Hier Mouseover-Farbe anpassen */
}

/* 4. Farbe für das aktuell ausgewählte Hauptmenü / aktiven Menüpunkt */
#menue ul li.menu_open .menue_block_kopf, 
#menue .menue_block_item_active {
    color: #ffffff !important; /* Farbe für aktives Menü anpassen */
}

/* 5. Farbe für den Burger-Menü-Button (Hintergrund, Rahmen, Text) */
.custom-burger-btn {
    background-color: #3b3b3b !important; /* Hintergrund des Buttons */
    color: #ffffff !important;            /* Symbol-/Textfarbe des Buttons */
    border-color: #414646 !important;     /* Rahmenfarbe des Buttons */
}

/* Mouseover-Effekt für den Burger-Button */
.custom-burger-btn:hover {
    background-color: #00999f !important; /* Hintergrund bei Hover */
    color: #ffffff !important;
}


#menue_links::before {
    background-image: url("../../bilder/Logo_Rasant white KLEIN220.png") !important;
    background-position: center 5px; /* Platziert das Logo oben mit 15px Abstand zum Rand */
    background-repeat: no-repeat;
    background-size: 30% auto; /* Skaliert das Logo auf 30% der Breite */
    border-bottom: 1px solid #414646;
    content: "";
    display: block;
    left: 0;
    width: 100%;
    height: 120px; /* Höhe des Logo-Bereichs */
    padding: 0;
    position: absolute;
    top: 0;
}

#menue_links {
    position: relative;
    padding-top: 130px; /* Hält den Platz unter dem Logo frei */
}